<!--
 * @FilePath: test.vue
 * @@author: wjj
 * @Date: 2025-06-23 09:50:12
 * @@Description: new js file
-->
<template>
  666
  <div>
    <ng-form-design @save="handleSave" ref="666" />
    <ng-form-build ref="formBuild" :formTemplate="form" />
  </div>
</template>
  
  <script lang='ts' setup name='filename'>
import { ref, reactive, onMounted, watch, nextTick } from 'vue'
//引入用户相关的小仓库
import useUserStore from '@/store/modules/user'
import useSocketClient from '@/store/socket/socket_client'
import emmit from '@/utils/emitter'
import { useRoute, useRouter } from 'vue-router'
import { ElNotification, ElMessage, ElMessageBox } from 'element-plus'
import request from '@/utils/request'

// 挂载完毕
//onMounted(()=>{})
//监控数据
//watch(select, (newVal, oldVal) => {})
function handleSave(formJson: any) {
  console.log(formJson) // 表单结构数据
}
let form = ref({
  list: [
    {
      type: 'textarea',
      options: {
        rows: 4,
        placeholder: '请输入',
        autosize: false,
        hidden: false,
        disabled: false,
      },
      label: '文本框',
      labelWidth: -1,
      width: '100%',
      span: 24,
      model: 'textarea_17522347781552',
      key: 'textarea_17522347781552',
      rules: [
        {
          required: false,
          message: '必填项',
          trigger: ['blur'],
        },
      ],
      dynamicLabel: false,
    },
  ],
  config: {
    labelPosition: 'left',
    labelWidth: 100,
    size: 'default',
    outputHidden: true,
    hideRequiredMark: false,
    syncLabelRequired: true,
    labelSuffix: '',
    customStyle: '',
  },
})
</script>
  <style scope lang='scss'>
</style>